<template>
	<div class="memberStatus">
		<grid class="memberStatusTitle" :show-vertical-dividers="false">
			<grid-item>
				<span class="grid-center">学生</span>
			</grid-item>
			<grid-item>
				<span class="grid-center">老师</span>
			</grid-item>
			<grid-item>
				<span class="grid-center">课程</span>
			</grid-item>
			<grid-item>
				<span class="grid-center">课时</span>
			</grid-item>
			<grid-item>
				<span class="grid-center">有效期至</span>
			</grid-item>
		</grid>

		<MemberDetailsList curURL="ai/teachers/pages/getRenewContractModelListAll" jumpToObjectDetails="customerDetails"></MemberDetailsList>
	</div>
</template>

<script>
	import bus from '@/event/eventBus'
	import MemberDetailsList from '../../../../components/mobile/scroller/scrollerMember'
	import {Group, Cell, XButton, Grid, GridItem} from 'vux'
	export default {
		name: "renew-contract-discovery",
		components: {
			Group,
			Cell,
			XButton,
			Grid,
			GridItem,
			MemberDetailsList
		},
		data() {
			return {
				title: '校区会员总览',
				items: []
			}
		},
		created: function () {
			bus.$emit("userDefinedEvent", 2)
			bus.$emit("barController", 1)
			bus.$emit("setTopSimpleTitle", '校区会员总览')
		}
	}
</script>

<style>
	.grid-center {
		display: block;
		text-align: center;
		color: #666;
	}

	.grid-center-name{
		display: block;
		text-align: center;
		color: #43abe3;
	}

	.memberStatus {
		margin-top: 46px;
	}

	.memberStatus > .weui-grids > .weui-grid {
		padding: 10px 0px;
		text-decoration: none;
		font-size: 12px;
	}

	.memberStatusTitle {
		background-color: lightgoldenrodyellow;
		z-index: 999;
	}

	.memberStatusCell {
		background-color: white;
	}

	.memberStatusGroup > .weui-cells {
		z-index: 999;
	}
</style>